<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" />
    <meta content="target-densitydpi=device-dpi,width=750" name="viewport">
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="telephone=no" name="format-detection">
    <title>签到</title>
    <link rel="stylesheet" type="text/css" href="../static/gzapi/css/animate.css"/>
    <script src="../static/gzapi/js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../static/gzapi/js/MetaHandler.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        .Signin{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #eff3f9;
            font-size: 0;
        }
        .Signinbot{display: none;}
        .Signinbot_div{
            height: 87px;
            line-height: 87px;
            padding-left: 5%;
            color: #8c8c8c;
            font-size: 30px;
            border-bottom: 1px solid #dfdfdf;
        }
        .Signin_title{
            height: 88px;
            line-height: 88px;
            font-size: 36px;
            color: #fff;
            position: relative;
            background-color: #E7503D;
            text-align: center;
            border-bottom: 1px solid #ffffff;
        }
        .Signin_title>img{
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 4%;
        }
        .tit{
            height: 80px;
            line-height: 80px;
            padding-left: 28px;
            background-color: #E7503D;
            font-size: 36px;
            font-family: MicrosoftYaHei-Bold;
            font-weight: normal;
            color: #FFFFFF;
        }
        .list{
            padding: 0 28px;
            height: 97px;
            line-height: 97px;
            border-bottom: 1px solid #eaeaea;
            background-color: #FFFFFF;
        }
        .list>div,.list>input{display: inline-block;vertical-align: top;height: 100%;line-height: 97px;}
        .list_left{
            font-family: MicrosoftYaHei;
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0px;
            color: #333333;
        }
        .list_left>i{
            color: red;
            margin-top: -6px;
            display: inline-block;
            vertical-align: top;
        }
        .list_right{
            border: 0;
            background-color: transparent;
            font-size: 26px;
            color: #999999;
            margin-left: 80px;
            outline: none;
        }
        .list_button{
            display: block;
            width: 686px;
            height: 110px;
            background-color: #E7503D;
            box-shadow: 5px 6px 10px 0px
            rgba(0, 0, 0, 0.14);
            border-radius: 55px;
            border: solid 2px #ffffff;
            margin: 66px auto 0;
            font-size: 36px;
            color: #FFFFFF;
            outline: none;
        }

        .ripple {
            position: relative;
            overflow: hidden;
        }
        .ripple:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-image: radial-gradient(circle, #666 10%, transparent 60%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform 0.8s, opacity 1s;
        }
        .ripple:active:after {
            transform: scale(0, 0);
            opacity: .1;
            transition: 0s;
        }
    </style>
</head>
<body>
<div class="Signin">
    <div class="Signin_title"><img src="../static/gzapi/img/icon_emptySetAssembly_search.png" />签到信息</div>
    <div class="tit">签到信息填写</div>
    <div class="list">
        <div class="list_left">姓名<i>*</i></div>
        <input class="list_right" placeholder="请输入" id="train_person_name" />
    </div>
    <div class="list">
        <div class="list_left">电话<i>*</i></div>
        <input class="list_right" placeholder="请输入" id="train_person_phone" />
    </div>
    <div class="list">
        <div class="list_left">岗位<i>*</i></div>
        <input class="list_right" placeholder="请输入" id="train_person_post" />
    </div>
    <div class="list">
        <div class="list_left">单位<i>*</i></div>
        <input class="list_right" placeholder="请输入" id="affiliated_units" />
    </div>
    <div class="list">
        <div class="list_left">备注<i></i></div>
        <input class="list_right" placeholder="请输入" id="remark" />
    </div>
    <button class="list_button ripple" type="button">提交</button>
</div>

</body>
<script type="text/javascript">
    $(".from").on("click",function(){
        $(".Signin").css("display","none");
        $(".Signinbot").css("display","block");
    });
    $(".Signinbot_div").on("click",function(){
        $(".Signinbot").css("display","none");
        $(".Signin").css("display","block");
        $(".from").val($(this)[0].align)
    });
    var train_no = "<?php echo $get_data['train_no']; ?>";
    var azd_id = "<?php echo $get_data['azd_id']; ?>";
    var train_id = "<?php echo $get_data['train_id']; ?>";


    $(".list_button").on("click",function(){
        var train_person_name =  $("#train_person_name").val();
        var train_person_phone =  $("#train_person_phone").val();
        var train_person_post =  $("#train_person_post").val();
        var affiliated_units =  $("#affiliated_units").val();
        var remark =  $("#remark").val();
        $.post("http://rlwxaz.hisensehitachi.com/gzapi/index.php?s=payment/Customer/azdSign",
                {
                    azd_id:azd_id,
                    train_id:train_id,
                    train_no:train_no,
                    train_person_name:train_person_name,
                    train_person_phone:train_person_phone,
                    train_person_post:train_person_post,
                    affiliated_units:affiliated_units,
                    remark:remark,
                },function(res){
                window.alert(res.msg);
        });
    })
</script>
</html>
